<template>
    <div class="integral-rule">
        <Header-a/>
        <div class="c1">
            <div class="c12">
                <span class="c13" v-if="$route.params.type === '1'" @click="nav(1)">文字转语音</span>
                <span class="c13" v-else @click="nav(2)">语音转文字</span>
                >
                <span>积分规则</span>
            </div>
            <img class="c11" src="../assets/img/24.png" alt=""/>
        </div>
        <Copyright/>
    </div>
</template>

<script>
import HeaderA from "@/components/child/Header";
import Copyright from "@/components/child/Copyright";
export default {
    name: "Charge",
    components: { HeaderA, Copyright },
    data () {
        return {};
    },
    mounted () {
        console.log(this.$route.params)
    },
    methods: {
        nav (type) {
            switch (type) {
                case 1:
                    this.$router.push('/word-to-voice')
                    break;
                case 2:
                    this.$router.push('/voice-to-word')
                    break;
            }
        }
    }
}
</script>

<style scoped lang="scss">
.integral-rule{
    height: 100%;
    overflow-y: auto;
    background-color: #F8FBFA;
    .c11{
        width: 100%;
        margin-top: 30px;
    }
    .c12{
        padding-top: 96px;
        padding-left: 18.75%;
        line-height: 20px;
        color: rgba(0,0,0,0.6);
        .c13{
            cursor: pointer;
        }
    }
}

</style>